<div class="wrap">
  <div class="wrap-content">
    <!-- 筛选查询star -->
    <p-panel header="筛选查询" [collapsed]="false" headerClass="bg-none" [(searchText)]="searchObj.searchValue" search="名称" (onSearch)="search();dt.reset()">
      <div class="p-b-20 border-b-f1f1f1">
        <p-selectButton [canDelete]="true" [options]="progressIsDeplay" (onChange)="search();dt.reset()" [(ngModel)]="searchObj.progressIsDeplay"></p-selectButton>
      </div>
      <div class="p-t-20 clearfix">
        <div class="m-r-15 inline-block">
          <span class="p-r-10 opacity06">类型：</span>
          <p-dropdown dataKey="code" placeholder="全部" optionLabel="name" styleClass="width-145" [options]="progressType" [(ngModel)]="selectedType"
            (onChange)="changeProgressType()"></p-dropdown>
        </div>
        <div class="m-r-15 inline-block">
          <span class="p-r-10 opacity06">状态：</span>
          <p-dropdown [justValue]="true" dataKey="code" optionLabel="name" styleClass="width-145" [options]="progressStatus" placeholder="全部"
            [(ngModel)]="selectedStatus"></p-dropdown>
        </div>
        <div class="m-r-15 inline-block">
          <span class="p-r-10 opacity06">预计完成开始：</span>
          <p-calendar [(ngModel)]="searchObj.planEndTimeStart" styleClass="p-calendar width-145" placeholder="请选择" inputStyleClass="height-full"
            (onClearClick)="clearStart() " (onSelect)="updateCalendarStartTime()" [maxDate]="decorationStartDateMax"></p-calendar>
        </div>
        <div class="inline-block">
          <span class="p-r-10 opacity06">结束：</span>
          <p-calendar [(ngModel)]="searchObj.planEndTimeEnd" styleClass="p-calendar width-145" placeholder="请选择" inputStyleClass="height-full"
            (onClearClick)="clearEnd() " (onSelect)="updateCalendarEndTime()" [minDate]="decorationEndDateMin"></p-calendar>
        </div>

        <div class="inline-block pull-right">
          <button pButton type="button" (click)="search();dt.reset()" label="查询" class="btn btn-success m-r-10"></button>
        </div>
      </div>

      <!-- 列表star -->
    <div class="p-t-20">
        <p-dataTable #dt [value]="dataList" scrollable="true" marginHeight="110" [totalRecords]="totalRecords" [loading]="loading" [lazy]="true" (onLazyLoad)="loadData($event)"
        [emptyMessage]="emptyMessage" [paginator]="true" [(selection)]="selectedRowData">
        <p-column *ngFor="let col of cols" [field]='col.field' [header]='col.header' [hidden]="col.hidden" [style]="{'width':col.width}">
          <ng-template let-index="rowIndex" let-data="rowData" pTemplate="body" *ngIf="col.tem">
            <div *ngIf="col.field === 'name'">
              <a class="color-1a91eb" target="_blank" [title]="data[col.field]" *ngIf="data.selectType=='process'" [routerLink]="['/saas/engineer/constructionprocess/constructionmanage/constructionprogress/stage', data.id,businessId]">
                {{data.name}} </a>
              <a class="color-1a91eb" target="_blank" [title]="data[col.field]" *ngIf="data.selectType=='node'" [routerLink]="['/saas/engineer/constructionprocess/constructionmanage/constructionprogress/node', data.id,businessId]">
                {{data.name}} </a>
              <a class="color-1a91eb" target="_blank" [title]="data[col.field]" *ngIf="data.selectType=='check'" [routerLink]="['/saas/engineer/constructionprocess/constructionmanage/constructionprogress/check', data.id,businessId]">
                {{data.name}} </a>
            </div>
            <div *ngIf="col.field === 'sortNum'">
              {{index+1}}
            </div>
            <div *ngIf="col.field === 'isDelay' || col.field === 'isModify'">
              {{(data[col.field] == null) ? '':((data[col.field] ==true) ? '是':'否')}}
            </div>
          </ng-template>
        </p-column>
      </p-dataTable>
    </div>

      <!-- 列表edn -->

    </p-panel>
    <!-- 筛选查询end -->



  </div>
</div>